body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
td,
img {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font: 14px/1.5 "Microsoft YaHei", "微软雅黑", Hei, "黑体";
  font-weight: normal;
}

html,
body {
  min-width: 320px;
  max-width: 750px;
  height: 100%;
  margin: 0 auto;
}

.body-gray {
  background: #fafafa;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input {
  -webkit-appearance: none;
}

input[type="button"], input[type="date"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}

textarea {
  -webkit-appearance: none;
}

a {
  text-decoration: none;
  color: #333;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

//首页
.headwrap {
  .head-top {
    height: 88/50rem;
    background: #ff5722;
    padding: 21/50rem 32/50rem;

    .logo, .search, .cancel {
      float: left;
    }

    .logo {
      width: 134/50rem;
      height: 46/50rem;

      a {
        display: block;

        img {
          width: 100%;
          height: 100%;
        }
      }
    }

    .logo-1 {
      width: 40/50rem;
      height: 42/50rem;
    }

    .search {
      width: 78%;
      height: 46/50rem;
      background: #fff;
      font-size: 0;
      border-radius: 50/50rem;
      overflow: hidden;
      padding-left: 20/50rem;
      margin-left: 32/50rem;
      position: relative;

      i, input {
        display: inline-block;
        vertical-align: middle;
        font-size: 20/50rem;
        line-height: 46/50rem;
      }

      input {
        width: 90%;
        border: 0;
        outline: none;
        padding-left: 10/50rem;
      }

      .icon-quxiao {
        position: absolute;
        top: 2/50rem;
        right: 15/50rem;
        color: rgb(160, 160, 160);
        font-size: 28/50rem;
      }
    }

    .cancel {
      color: #fff;
      font-size: 28/50rem;
      margin-left: 2%;
    }

    .btn-nav {
      float: right;
      width: 48/50rem;
      height: 41/50rem;
      margin-top: 3/50rem;

      a {
        width: 100%;
        height: 100%;
        display: block;

        i {
          width: 100%;
          height: 100%;
          background: url(../img/icon/index-icon.png) no-repeat center;
          background-size: 100%;
          display: block;
        }
      }

    }
  }

  .head-nav {
    height: 64/50rem;
    background: #fff;
    border-bottom: 1px solid #ddd;

    ul {
      display: flex;

      li {
        flex: 6;
        text-align: center;
        line-height: 64/50rem;
        font-size: 28/50rem;

        a {
          display: inline-block;
          position: relative;

          em {
            width: 100%;
            height: 4/50rem;
            background: #ff5722;
            position: absolute;
            bottom: 0;
            display: none;
          }
        }
      }

      .on {
        a {
          color: #ff5722;

          em {
            display: block;
          }
        }
      }
    }

    .left, .right {
      line-height: 64/50rem;
      font-size: 28/50rem;
    }

    .left {
      float: left;
      padding-left: 32/50rem;
    }

    .right {
      float: right;
      color: #ff5722;
      padding-right: 32/50rem;
      text-align: right;
    }
  }
}

//轮播图
.banner {
  position: relative;
  margin-top: 8/50rem;

  .bd {
    ul {
      li {
        width: 100%;

        a {
          display: block;
          line-height: 0;

          img {
            width: 100%;
          }
        }
      }
    }
  }

  .hd {
    position: absolute;
    left: 50%;
    bottom: 28/50rem;

    .on {
      background-color: #ff5722;
    }

    li {
      width: 15/50rem;
      height: 15/50rem;
      border-radius: 50%;
      background: #888c8d;
      float: left;
      margin: 0 8/50rem;
      cursor: pointer;
    }
  }
}

//主体内容
.contentwrap {
  overflow: hidden;
  min-height: 92%;

  .content-box {
    margin-top: 32/50rem;

    .top {
      padding: 0 32/50rem;

      .left {
        font-size: 0;
        float: left;

        img,
        span {
          display: inline-block;
          vertical-align: middle;
        }

        img {
          width: 32/50rem;
          height: 32/50rem;
          margin: 5/50rem 16/50rem 0 0;
        }

        span {
          font-size: 36/50rem;
          color: rgb(51, 51, 51);
        }
      }

      .right {
        float: right;
        font-size: 24/50rem;
        padding-top: 5/50rem;

        a {
          color: rgb(160, 160, 160);
        }
      }
    }

    .process-img {
      width: 100%;
      margin-top: 32/50rem;
    }

    .con {
      padding: 0 32/50rem;
      margin-top: 32/50rem;

      dl {
        width: 335/50rem;
        margin: 0 10/32rem 32/50rem 0;
        float: left;

        dt {
          width: 100%;
          height: 190/50rem;
          border-radius: 5px;
          overflow: hidden;
          position: relative;

          img {
            width: 100%;
            height: 100%;
          }

          .bf-bottom {
            position: absolute;
            bottom: 10/50rem;
            right: 10/50rem;
            color: #fff;

            i, span {
              display: inline-block;
              vertical-align: middle;
              font-size: 20/50rem;
            }

            i {
              font-size: 22/50rem;
            }
          }
        }

        dd {
          padding-top: 16/50rem;

          h3 {
            font-size: 22/50rem;
          }

          p {
            font-size: 18/50rem;
            color: rgb(160, 160, 160);
          }
        }
      }

      dl:nth-child(2n) {
        margin-right: 0;
      }
    }
  }

  .content-box:nth-child(2) {
    .top {
      .left {
        i {
          background: url(../img/icon/video-icon.png) no-repeat;
          background-size: 100%;
        }
      }
    }
  }

  .team-box {
    margin-bottom: 32/50rem;

    .top {
      .left {
        i {
          background: url(../img/icon/team-icon.png) no-repeat;
          background-size: 100%;
        }
      }
    }

    .con {
      dl {
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10/50rem #ccc;
        margin-bottom: 16/50rem;

        div {
          display: block;

          dt {
            width: 144/50rem;
            height: 144/50rem;
            border-radius: 50%;
            overflow: hidden;
            margin: 16/50rem auto;

            img {
              width: 100%;
              height: 100%;
            }
          }

          dd {
            text-align: center;
            padding-top: 0;

            h3 {
              font-weight: bold;
              font-size: 22/50rem;
              padding: 0 16/50rem;
            }

            .star {
              font-size: 0;
              margin: 16/50rem 0;

              em {
                background: url(../img/icon/star.png) no-repeat;
                background-size: 100%;
                width: 15/50rem;
                height: 15/50rem;
                display: inline-block;
                vertical-align: middle;
                margin-right: 8/50rem;
              }

              em:last-child {
                margin-right: 0;
              }
            }

            p {
              color: #333;
              text-align: left;
              font-size: 22/50rem;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              padding: 0 16/50rem;
            }

            .bottom {
              border-top: 1px solid #eee;
              text-align: right;
              padding: 12/50rem 16/50rem;
              margin-top: 16/50rem;
              font-size: 0;

              .icon {
                display: inline-block;
                vertical-align: middle;
                color: #a0a0a0;
                font-size: 0;
                margin-right: 16/50rem;

                i,
                span {
                  display: inline-block;
                  vertical-align: middle;
                }

                i {
                  font-size: 22/50rem;
                  margin-right: 10/50rem;
                }

                span {
                  font-size: 20/50rem;
                  width: 58/50rem;
                  overflow: hidden;
                }
              }

              .icon.on {
                color: #ff5722;
              }

              .icon:last-child {
                margin-right: 0;
              }
            }
          }
        }
      }
    }
  }
}

//私人订制
.private-content {
  display: none;
}

.private-navwrap {
  background: #fff;
  padding: 19/50rem 0;

  .private-nav {
    width: 686/50rem;
    height: 58/50rem;
    border-radius: 50/50rem;
    border: 2/50rem solid #ff5722;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;

    .left,
    .right {
      width: 50%;
      height: 100%;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      line-height: 54/50rem;
      font-size: 24/50rem;
    }

    .on {
      background: #ff5722;
      color: #fff;
    }
  }
}

.city-choice {
  padding: 16/50rem 32/50rem;

  p {
    font-size: 16/50rem;
    color: rgb(190, 190, 190);
    float: left;
    line-height: 50/50rem;
  }

  .right {
    float: right;
    position: relative;

    .input {
      width: 256/50rem;
      height: 50/50rem;
      line-height: 50/50rem;
      border-radius: 50/50rem;
      border: 1px solid #ccc;
      background: #fff;
      overflow: hidden;
      font-size: 20/50rem;
      color: #333;
      padding: 0 16/50rem;

      em {
        font-style: normal;
      }

      span {
        float: right;
        font-size: 30/50rem;
      }
    }

    ul {
      width: 100%;
      background: #fff;
      border-radius: 3px;
      box-shadow: 0 0 10/50rem #ccc;
      padding: 8/50rem 0;
      display: none;
      position: absolute;
      top: 60/50rem;
      left: 0;
      z-index: 3;

      li {
        width: 100%;
        height: 40/50rem;
        line-height: 40/50rem;
        padding: 0 16/50rem;
        font-size: 20/50rem;
      }

      li:hover {
        background: #ffab90;
        color: #fff;
      }
    }
  }
}

.private-box {
  .con {
    dl {
      dd {
        .bottom {
          text-align: left !important;

          .xuanze {
            float: right;

            i {
              width: 40/50rem;
              height: 40/50rem;
              background: url(../img/icon/weixuanzhong.png) no-repeat;
              background-size: 100%;
              display: inline-block;
              margin-top: -3/50rem;
            }

            .on {
              background: url(../img/icon/yixuanzhong.png) no-repeat;
              background-size: 100%;
            }
          }
        }
      }
    }
  }
}


//选中导演和编剧
.private-bottom-nav {
  width: 100%;
  max-width: 750px;
  padding: 13/50rem 32/50rem;
  background: #fff;
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 110/50rem;
  display: none;

  .left {
    float: left;
    font-size: 0;
    padding-top: 16/50rem;

    i, .name, .name p {
      display: inline-block;
      vertical-align: middle;
    }

    i {
      border-radius: 50%;
      border: 1px solid #ccc;
      width: 32/50rem;
      height: 32/50rem;
      margin-right: 32/50rem;
    }

    i.on {
      background: url(../img/icon/dingzhi-on.png) no-repeat;
      background-size: 100%;
      border: 0;
    }

    .name {
      p {
        font-size: 22/50rem;
        margin-right: 32/50rem;
      }
    }

  }

  .right {
    float: right;

    a {
      width: 128/50rem;
      height: 64/50rem;
      background: #ff5722;
      color: #fff;
      font-size: 26/50rem;
      display: block;
      border-radius: 50/50rem;
      box-shadow: 0 0 10/50rem #ff5722;
      text-align: center;
      line-height: 64/50rem;
    }
  }
}


//公用按钮样式
.btn {
  background: #ff5722;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  font-size: 16/50rem;
  padding: 5/50rem 10/50rem;
}


//工作简历
.resume-box {
  .con {
    margin-top: 32/50rem;
    padding: 0 32/50rem;

    ol {
      li {
        width: 335/50rem;
        margin-bottom: 16/50rem;
        box-shadow: 0 0 10/50rem #ccc;
        float: left;
        margin-right: 16/50rem;

        dl {
          width: 100%;
          background: #fff;
          border-radius: 5px;
          overflow: hidden;

          dt {
            width: 100%;
            height: 190/50rem;
            overflow: hidden;
            position: relative;

            img {
              width: 100%;
              height: 100%;
            }

            .bf-btn {
              width: 50/50rem;
              height: 50/50rem;
              background: url(../img/bf-btn.png) no-repeat;
              background-size: 100%;
              opacity: 0.5;
              position: absolute;
              top: 50%;
              left: 50%;
              margin-top: -25/50rem;
              margin-left: -25/50rem;
            }

            .bf-bottom {
              position: absolute;
              bottom: 10/50rem;
              right: 10/50rem;
              color: #fff;

              i, span {
                display: inline-block;
                vertical-align: middle;
                font-size: 20/50rem;
              }

              i {
                font-size: 22/50rem;
              }
            }
          }

          dd {
            padding-top: 16/50rem;

            h3,
            p {
              padding: 0 16/50rem;
            }

            h3 {
              height: 34/50rem;
              font-size: 22/50rem;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }

            p {
              font-size: 18/50rem;
              color: rgb(160, 160, 160);
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }

            .bottom {
              border-top: 1px solid #eee;
              margin-top: 16/50rem;
              font-size: 0;
              padding: 16/50rem;

              .left {
                float: left;
              }

              .right {
                float: right;
                padding-top: 3/50rem;

                .icon {
                  display: inline-block;
                  vertical-align: middle;
                  color: #a0a0a0;
                  font-size: 0;
                  margin-right: 6/50rem;

                  i,
                  span {
                    display: inline-block;
                    vertical-align: middle;
                  }

                  i {
                    font-size: 22/50rem;
                    margin-right: 2/50rem;
                  }

                  span {
                    font-size: 20/50rem;
                    width: 58/50rem;
                    overflow: hidden;
                  }
                }

                .icon.on {
                  color: #ff5722;
                }

                .icon:last-child {
                  margin-right: 0;
                }
              }
            }
          }
        }
      }

      li:nth-child(2n) {
        margin-right: 0;
      }
    }
  }
}


//品牌故事
.brand-contentwrap {
  padding-bottom: 136/50rem;
  display: none;

  .brand-content {
    background: #fff;
    padding: 24/50rem 32/50rem;
    margin-top: 16/50rem;

    h2 {
      font-size: 36/50rem;
      color: rgb(51, 51, 51);
      margin-bottom: 24/50rem;
      font-weight: bold;
    }

    p {
      line-height: 1.8;
      font-size: 20/50rem;
      color: rgb(70, 70, 70);
    }
  }
}


//上拉加载数据
.dropload-down {
  text-align: center;
  height: 50/50rem !important;
  margin-bottom: 32/50rem;

  .dropload-refresh, .dropload-load {
    font-size: 22/50rem;
    height: 50/50rem;
    line-height: 50/50rem;
  }
}


//我想拍
.mypai {
  position: fixed;
  top: 40%;
  right: 32/50rem;
  width: 120/50rem;
  height: 120/50rem;

  a {
    display: block;
    line-height: 0;

    img {
      width: 100%;
      height: 100%;
    }
  }
}

//分页
.pagewrap {
  text-align: center;
  margin-top: 16/50rem;

  .prev, .next, div {
    display: inline-block;
    vertical-align: middle;
  }

  .prev, .next, a {
    width: 40/50rem;
    font-size: 22/50rem;
    color: #a0a0a0;
    display: inline-block;
    vertical-align: middle;
  }

  div {
    a {
      color: #a0a0a0;
    }
  }

  div {
    span {
      color: #ff5722;
      font-size: 26/50rem;
      margin: 0 6/50rem;
    }
  }

}

//我的订单
.order-title {
  height: 80/50rem;
  line-height: 80/50rem;
  background: #fff;
  padding: 0 32/50rem;
  border-bottom: 1px solid #ddd;
  position: relative;

  h2 {
    text-align: center;
    line-height: 79/50rem;
    font-size: 30/50rem;
  }

  i {
    font-size: 30/50rem;
    position: absolute;
    left: 30/50rem;
  }
}

.myOrder-content {
  margin-bottom: 50/50rem;

  .myOrder-con {
    display: none;

    .myOrder-box {
      background: #fff;
      margin: 16/50rem 32/50rem 0;
      border-radius: 5/50rem;

      .top {
        padding: 28/50rem 16/50rem;

        .left p, .right p {
          font-size: 24/50rem;
          color: rgb(141, 141, 141);
        }

        .left {
          float: left;
        }

        .right {
          float: right;
        }
      }

      .middle {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 0 32/50rem 16/50rem;

        .middle-con {
          margin-top: 32/50rem;

          .left, .right {
            float: left;
          }

          .left {
            width: 144/50rem;
            height: 144/50rem;
            border-radius: 5/50rem;
            overflow: hidden;
            margin-right: 16/50rem;

            img {
              width: 100%;
              height: 100%;
            }
          }

          .right {
            width: 74%;

            h4, p {
              font-size: 26/50rem;
            }

            h4 {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }

            p {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
            }
          }
        }

        .down {
          float: right;
          margin-top: 16/50rem;

          p {
            color: rgb(141, 141, 141);
            font-size: 24/50rem;
            float: left;
            margin-right: 16/50rem;

            span {
              color: #333;
            }
          }

          p:last-child {
            margin-right: 0;
          }
        }
      }

      .bottom {
        text-align: right;
        font-size: 0;
        padding: 16/50rem 0;

        a {
          width: 140/50rem;
          height: 48/50rem;
          border-radius: 50/50rem;
          border: 1px solid rgb(141, 141, 141);
          color: rgb(141, 141, 141);
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          line-height: 46/50rem;
          font-size: 22/50rem;
          margin-right: 32/50rem;
        }

        a.on {
          border: 1px solid #ff5722;
          color: #ff5722;
        }
      }
    }
  }
}


//我的收藏
.myCollection-con {
  .myOrder-box {
    .middle {
      padding-bottom: 32/50rem !important;
      border-top: 0 !important;
      overflow: hidden;

      .middle-con {
        .right {
          h5, p {
            font-size: 22/50rem !important;
            color: rgb(160, 160, 160);
            margin-top: 5/50rem;
          }

          h5 {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }
  }
}


//我的优惠券
.myCoupon-content {
  padding: 32/50rem 32/50rem 48/50rem;

  ul {
    li {
      width: 686/50rem;
      height: 144/50rem;
      position: relative;
      margin-bottom: 16/50rem;

      img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }

      .left {
        color: #fff;
        position: absolute;
        top: 16/50rem;
        left: 32/50rem;

        .up {
          h3 {
            font-size: 40/50rem;
            font-weight: bold;

            span {
              font-size: 50/50rem;
            }
          }
        }

        .down {
          font-size: 16/50rem;
        }
      }

      .right {
        position: absolute;
        top: 22/50rem;
        right: 32/50rem;

        a {
          width: 88/50rem;
          height: 40/50rem;
          display: block;
          background: #fff;
          border-radius: 5/50rem;
          margin-bottom: 16/50rem;
          text-align: center;
          line-height: 40/50rem;
          font-size: 16/50rem;
        }

        a:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}


//优惠券赠送
.myCoupon-give {
  h3 {
    font-size: 30/50rem;
    text-align: center;
    margin-bottom: 26/50rem;
  }

  .phone {
    background: #fff;
    width: 100%;
    height: 80/50rem;
    border: 0;
    border-radius: 5/50rem;
    outline: none;
    padding-left: 22/50rem;
    font-size: 26/50rem;
  }

  .tishi {
    font-size: 18/50rem;
    color: #ff5722;
    text-align: right;
    margin-top: 18/50rem;
  }

  .myCoupon-btn {
    margin-top: 32/50rem;
    text-align: center;
    font-size: 0;

    a {
      width: 160/50rem;
      height: 64/50rem;
      background: #ff5722;
      border-radius: 50/50rem;
      text-align: center;
      line-height: 64/50rem;
      font-size: 26/50rem;
      color: #fff;
      display: inline-block;
      vertical-align: middle;
      box-shadow: 0 0 20/50rem #fcb6a0;
      margin-right: 160/50rem;
    }

    a:last-child {
      margin-right: 0;
    }
  }
}


//发票申请
.invoice-apply-content {
  margin-top: 32/50rem;

  p {
    font-size: 16/50rem;
    color: rgb(160, 160, 160);
    padding: 0 32/50rem;
  }

  .bottom-btn {
    text-align: center;
    font-size: 0;
    margin-top: 32/50rem;

    input {
      width: 160/50rem;
      height: 64/50rem;
      line-height: 64/50rem;
      background: #ff5722;
      color: #fff;
      font-size: 30/50rem;
      border-radius: 50/50rem;
      border: 0;
      box-shadow: 0 0 10/50rem #ff5722;
      display: inline-block;
      margin-right: 158/50rem;
    }

    input:last-child {
      margin-right: 0;
    }
  }
}


//发票申请-提交
.last-box {
  margin-bottom: 48/50rem;
}


//订单-已待付款
.payment-content {
  .payment-box {
    background: #fff;
    padding: 32/50rem;
    margin-top: 16/50rem;

    h3 {
      font-size: 32/50rem;
      border-bottom: 1px solid #ddd;
      padding-bottom: 16/50rem;
    }

    .con {
      h4 {
        font-size: 24/50rem;
        margin-top: 16/50rem;
      }

      ul {
        li {
          font-size: 0;
          margin-top: 16/50rem;

          .left, .right {
            display: inline-block;
            vertical-align: middle;
            font-size: 24/50rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }

          .left {
            width: 20%;
            color: rgb(160, 160, 160);
          }

          .right {
            width: 80%;
          }
        }
      }
    }
  }

  .zf-btn {
    text-align: right;
    margin: 32/50rem 32/50rem 48/50rem;

    a {
      display: inline-block;
      background: #ff5722;
      color: #fff;
      text-align: center;
      line-height: 64/50rem;
      width: 160/50rem;
      height: 64/50rem;
      border-radius: 50/50rem;
      box-shadow: 0 0 10/50rem #ff5722;
      font-size: 24/50rem;
    }
  }
}

.complete-foot {
  margin-top: 50/50rem;
}


//拍同款购买
.identical-purchase-content {
  margin-bottom: 48/50rem;

  h2 {
    font-size: 32/50rem;
    margin: 32/50rem 32/50rem 22/50rem 32/50rem;
  }

  ul {
    margin-bottom: 14/50rem;

    li {
      background: #fff;
      border-radius: 5/50rem;
      margin: 0 32/50rem;
      margin-bottom: 2/50rem;
      padding: 0 32/50rem;
      font-size: 26/50rem;
      overflow: hidden;

      h3 {
        font-size: 28/50rem;
      }

      h3, .left, .right {
        margin: 32/50rem 0;
      }

      .left {
        float: left;
        width: 30%;
      }

      .right {
        float: right;
        width: 70%;
        text-align: right;
        color: rgb(160, 160, 160);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;

        .time {
          text-align: right;
          border: 0;
          outline: none;
          font-size: 26/50rem;
          position: absolute;
          right: 42/50rem;
        }

        input[type="date"]:after {
          content: attr(placeholder);
          color: rgb(160, 160, 160);
          font-size: 26/50rem;
        }

        ::-webkit-input-placeholder {
          color: rgb(160, 160, 160);
        }

        i {
          font-size: 22/50rem;
          margin-left: 16/50rem;
        }

        a {
          color: rgb(160, 160, 160);
        }

        .password {
          border: 0;
          width: 80%;
          outline: none;
          text-align: right;
          display: inline-block;
        }
      }
    }
  }
}

.identical-bottom-nav {
  display: block;

  .left {
    i {
      margin-right: 10/50rem;
    }

    .name {
      p {
        margin-right: 0;
        font-size: 18/50rem;
        color: rgb(160, 160, 160);
      }
    }
  }

  .right {
    p, a {
      display: inline-block;
      vertical-align: middle;
    }

    p {
      font-size: 22/50rem;
      margin-right: 16/50rem;
    }

    a {
      width: 160/50rem;
    }
  }
}


//弹框
.bs-example-modal {
  width: 600/50rem;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -300/50rem;

  .modal-dialog {
    margin: 0;

    .modal-content {
      padding: 32/50rem;
      width: 600/50rem;

      textarea {
        width: 100%;
        height: 240/50rem;
        border-radius: 5/50rem;
        border: 2/50rem solid rgb(160, 160, 160);
        resize: none;
        outline: none;
        padding: 16/50rem;
        font-size: 22/50rem;
      }

      .tishi {
        font-size: 24/50rem;
        color: rgb(160, 160, 160);
        margin-top: 20/50rem;

        i {
          font-size: 24/50rem;
        }
      }

      .btn {
        width: 100%;
        height: 80/50rem;
        line-height: 70/50rem;
        border-radius: 50/50rem;
        display: block;
        font-size: 30/50rem;
        margin-top: 32/50rem;
      }

      .fp-ul {
        li {
          border-bottom: 1px solid #ddd;
          padding: 16/50rem 0;

          i, span {
            display: inline-block;
            vertical-align: middle;
          }

          span {
            font-size: 28/50rem;
          }

          i {
            border-radius: 50%;
            border: 1px solid #ccc;
            width: 32/50rem;
            height: 32/50rem;
            margin-right: 24/50rem;

          }

          i.on {
            background: url(../img/icon/dingzhi-on.png) no-repeat;
            background-size: 100%;
            border: 0;
          }
        }
      }

      .tt-ul {
        li {
          width: 128/50rem;
          height: 64/50rem;
          border-radius: 50/50rem;
          border: 1px solid rgb(160, 160, 160);
          text-align: center;
          line-height: 64/50rem;
          color: rgb(160, 160, 160);
          float: left;
          margin-right: 24/50rem;
          font-size: 26/50rem;
        }

        li.on {
          border: 1px solid #ff5722;
          color: #ff5722;
        }
      }

      .input {
        input {
          border-radius: 50/50rem;
          border: 1px solid rgb(160, 160, 160);
          color: rgb(160, 160, 160);
          font-size: 26/50rem;
          width: 100%;
          height: 68/50rem;
          padding-left: 32/50rem;
          margin-top: 24/50rem;
        }
      }

      .top {
        h3 {
          font-size: 30/50rem;
          color: rgb(160, 160, 160);
          float: left;
        }

        span {
          float: right;
          width: 170/50rem;
          height: 48/50rem;
          background: #ddd;
          color: #fff;
          font-size: 24/50rem;
          border-radius: 5/50rem;
          text-align: center;
          line-height: 48/50rem;
        }

        span.on {
          background: #ff5722;
        }
      }

      .bottom {
        margin-top: 40/50rem;
        position: relative;

        i {
          background: url(../img/coupon-on.png) no-repeat center;
          background-size: 100%;
          width: 44/50rem;
          height: 44/50rem;
          position: absolute;
          top: -22/50rem;
          right: -22/50rem;
        }

        img {
          width: 100%;
        }
      }

      //手机号修改步骤
      .buzhou {
        font-size: 0;

        dl {
          width: 173/50rem;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5/50rem;
          text-align: center;

          dt {
            width: 100%;
            height: 16/50rem;
            background: #a0a0a0;
          }

          dd {
            font-size: 22/50rem;
            color: #a0a0a0;
          }
        }

        dl:nth-child(1) {
          dt {
            border-radius: 50/50rem 0 0 50/50rem;
          }
        }

        dl:last-child {
          margin-right: 0;

          dt {
            border-radius: 0 50/50rem 50/50rem 0;
          }
        }
      }
    }

  }

}


//私人订制付款
.private-payment {
  margin-bottom: 50/50rem;

  .con {
    ul {
      li {
        .left, .right {
          width: 50% !important;
        }

        .left {
          img {
            width: 33/50rem;
            height: 33/50rem;
            margin-right: 30/50rem;
          }
        }

        .right {
          float: right;
          text-align: right;

          i {
            border-radius: 50%;
            border: 1px solid #ccc;
            width: 32/50rem;
            height: 32/50rem;
            margin-right: 32/50rem;
            display: inline-block;
          }

          i.on {
            background: url(../img/icon/dingzhi-on.png) no-repeat;
            background-size: 100%;
            border: 0;
          }
        }
      }
    }
  }
}


//我的
.my-content {
  padding: 32/50rem 32/50rem 50/50rem;

  .title, .my-list li {
    width: 100%;
    background: #fff;
    border-radius: 5/50rem;
  }

  .title {
    height: 144/50rem;
    line-height: 144/50rem;

    .left {
      width: 15%;
      padding-left: 32/50rem;
      float: left;
      font-size: 26/50rem;

      img {
        display: inline-block;
        vertical-align: middle;
        width: 88/50rem;
        height: 88/50rem;
        border-radius: 50%;
      }
    }

    .right {
      width: 85%;
      padding-right: 32/50rem;
      float: right;
      text-align: right;
      font-size: 0;
      padding-top: 36/50rem;

      .name {
        font-size: 26/50rem;
        color: rgb(160, 160, 160);
      }
    }
  }

  .my-list {
    margin-top: 16/50rem;

    li {
      margin-bottom: 2/50rem;

      a {
        display: block;
        padding: 26/50rem 32/50rem;

        .left {
          float: left;
          font-size: 0;

          img, span {
            display: inline-block;
            vertical-align: middle;
          }

          img {
            width: 34/50rem;
            height: 34/50rem;
          }

          span {
            font-size: 26/50rem;
            margin-left: 24/50rem;
            color: #333;
          }
        }

        .right {
          float: right;

          i {
            font-size: 26/50rem;
          }
        }
      }

    }
  }
}


//我的设置
.mySet-content {
  padding: 0 32/50rem;

  .title {
    background: #fff;
    width: 100%;
    height: 144/50rem;
    line-height: 144/50rem;
    border-radius: 5/50rem;
    margin-bottom: 16/50rem;

    .left {
      width: 15%;
      padding-left: 32/50rem;
      float: left;
      font-size: 26/50rem;
    }

    .right {
      width: 85%;
      padding-right: 32/50rem;
      float: right;
      text-align: right;
      font-size: 0;

      img, .name {
        display: inline-block;
        vertical-align: middle;
      }

      img {
        width: 88/50rem;
        height: 88/50rem;
        border-radius: 50%;
      }

      .name {
        font-size: 26/50rem;
        color: rgb(160, 160, 160);
        margin-right: 16/50rem;
      }
    }
  }

  ul {
    li {
      margin: 0 0 2/50rem;
    }
  }

  .securitySet-page .password {
    font-size: 26/50rem;
  }
}


//导演详情
.director-content {
  overflow: hidden;

  .director-top {
    height: 420/50rem;
    background: -webkit-linear-gradient(0deg, #ff5b33, #ff4544);
    text-align: center;
    padding: 48/50rem 120/50rem;
    color: #fff;
    margin-top: 8/50rem;

    img {
      width: 144/50rem;
      height: 144/50rem;
      border-radius: 50%;
    }

    h3 {
      margin-top: 30/50rem;
      font-size: 38/50rem;
    }

    p {
      font-size: 26/50rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      margin-top: 20/50rem;
    }
  }

  .director-icon {
    padding: 20/50rem 0;
    border-bottom: 1px solid #ddd;
    display: flex;

    dl {
      font-size: 0;
      color: #a0a0a0;
      flex: 3;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      dt, dd {
        display: inline-block;
        vertical-align: middle;
        font-size: 26/50rem;
      }

      dt {
        margin-right: 15/50rem;

        i {
          font-size: 26/50rem;
        }
      }
    }

    dl.on {
      dt, dd {
        color: #ff5722;
      }
    }
  }

  .director-introduction {
    padding: 32/50rem;

    p {
      margin-bottom: 10/50rem;
      line-height: 1.8;
      font-size: 22/50rem;
    }
  }

  .director-works {
    background: #fff;
    padding: 32/50rem 0 48/50rem;

    .top {
      padding: 0 32/50rem;

      .left {
        float: left;

        h3 {
          border-left: 5/50rem solid #ff5722;
          position: relative;
          font-size: 30/50rem;
          padding-left: 18/50rem;
        }

        h3:before {
          content: "";
          width: 0;
          height: 0;
          border-top: 7/50rem solid transparent;
          border-left: 10/50rem solid #ff5722;
          border-bottom: 7/50rem solid transparent;
          position: absolute;
          top: 15/50rem;
          left: 0;
        }
      }

      .right {
        float: right;
        margin-top: 10/50rem;

        a {
          color: rgb(160, 160, 160);
          font-size: 20/50rem;
        }
      }
    }

    .con {
      padding: 0 32/50rem;
      margin-top: 32/50rem;

      dl {
        width: 335/50rem;
        margin: 0 10/32rem 32/50rem 0;
        float: left;

        dt {
          width: 100%;
          height: 190/50rem;
          border-radius: 5px;
          overflow: hidden;
          position: relative;

          img {
            width: 100%;
            height: 100%;
          }

          .bf-bottom {
            position: absolute;
            bottom: 10/50rem;
            right: 10/50rem;
            color: #fff;

            i, span {
              display: inline-block;
              vertical-align: middle;
              font-size: 20/50rem;
            }

            i {
              font-size: 22/50rem;
            }
          }
        }

        dd {
          padding-top: 16/50rem;

          h3 {
            font-size: 22/50rem;
          }

          p {
            font-size: 18/50rem;
            color: rgb(160, 160, 160);
          }
        }
      }

      dl:nth-child(2n) {
        margin-right: 0;
      }
    }
  }

  .director-comment {
    .comment-list {
      ul {
        li {
          padding: 32/50rem;
          border-bottom: 1px solid #ddd;

          .list-top {
            .left {
              float: left;
              font-size: 0;

              img, span, .star {
                display: inline-block;
                vertical-align: middle;
              }

              img {
                width: 56/50rem;
                height: 56/50rem;
                border-radius: 50%;
              }

              span {
                font-size: 22/50rem;
                margin-left: 16/50rem;
              }

              .star {
                margin-left: 32/50rem;

                i {
                  font-size: 30/50rem;
                  color: rgb(160, 160, 160);
                }

                .icon-iconfontxingxing {
                  color: #ff5438;
                }
              }
            }

            .right {
              margin-top: 10/50rem;
              float: right;
              color: rgb(160, 160, 160);
              font-size: 22/50rem;
            }
          }

          .list-middle {
            font-size: 0;
            padding-left: 72/50rem;

            a {
              background: #ff5438;
              color: #fff;
              width: 96/50rem;
              height: 40/50rem;
              border-radius: 5/50rem;
              text-align: center;
              line-height: 40/50rem;
              display: inline-block;
              vertical-align: middle;
              font-size: 18/50rem;
              margin-right: 24/50rem;
            }
          }

          .list-bottom {
            margin-top: 16/50rem;

            p {
              line-height: 1.8;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 3;
              overflow: hidden;
              font-size: 22/50rem;
            }

            .admin-reply {
              background: #f7f7f7;
              padding: 15/50rem;
              color: rgb(160, 160, 160);
              position: relative;
              margin-top: 15/50rem;
            }

            .admin-reply:before {
              content: "";
              width: 0;
              height: 0;
              border-left: 8/50rem solid transparent;
              border-right: 8/50rem solid transparent;
              border-bottom: 15/50rem solid #f7f7f7;
              position: absolute;
              top: -15/50rem;
              left: 15/50rem;
            }
          }
        }
      }
    }
  }
}


//查看评价
.see-evaluate-content {
  margin: 16/50rem 32/50rem 48/50rem;

  .see-evaluate-works {
    background: #fff;
    border-radius: 5/50rem;
    padding-bottom: 48/50rem;

    .top {
      color: rgb(141, 141, 141);
      font-size: 24/50rem;
      padding: 28/50rem 16/50rem;
      border-bottom: 1px solid #ddd;

      .left {
        float: left;
      }

      .right {
        float: right;
      }
    }

    .middle {
      padding: 32/50rem 32/50rem 48/50rem;
      font-size: 0;

      .left-img, .right-text {
        display: inline-block;
        vertical-align: middle;
      }

      .left-img {
        width: 144/50rem;
        height: 144/50rem;
        border-radius: 5/50rem;
        overflow: hidden;

        img {
          width: 100%;
          height: 100%;
        }
      }

      .right-text {
        width: 462/50rem;
        margin-left: 16/50rem;

        h3 {
          font-size: 30/50rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        p {
          font-size: 24/50rem;
          color: rgb(160, 160, 160);
          margin-top: 16/50rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
        }
      }
    }

    .bottom {
      .evaluate {
        font-size: 28/50rem;
        text-align: center;

        .star, span {
          display: inline-block;
          vertical-align: middle;
        }

        .star {
          margin: 0 32/50rem 0 16/50rem;

          i {
            font-size: 44/50rem;
            color: rgb(160, 160, 160);
          }

          .icon-iconfontxingxing {
            background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff5d32), to(#ff4742));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
        }
      }
    }
  }

  .see-evaluate-box {
    background: #fff;
    padding: 32/50rem 32/50rem 16/50rem;
    margin-top: 16/50rem;
    border-radius: 5/50rem;

    .top {
      font-size: 0;

      .left-img, .right-text {
        display: inline-block;
        vertical-align: middle;
      }

      .left-img {
        width: 96/50rem;
        height: 96/50rem;
        border-radius: 5/50rem;
        overflow: hidden;

        img {
          width: 100%;
          height: 100%;
        }
      }

      .right-text {
        width: 510/50rem;
        font-size: 0;
        margin-left: 16/50rem;

        h3 {
          font-size: 28/50rem;
          margin-bottom: 10/50rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        .star, span {
          display: inline-block;
          vertical-align: middle;
        }

        .star {
          i {
            font-size: 30/50rem;
          }

          .icon-iconfontxingxing {
            background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff5d32), to(#ff4742));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
        }

        span {
          height: 22/50rem;
          line-height: 22/50rem;
          background: -webkit-linear-gradient(0deg, #ff5b33, #ff4544);
          color: #fff;
          padding: 0 18/50rem;
          border-radius: 50/50rem;
          font-size: 20/50rem;
          margin-left: 15/50rem;
        }
      }
    }

    .middle {
      font-size: 0;
      margin-top: 32/50rem;

      a {
        background: #ff5438;
        color: #fff;
        width: 96/50rem;
        height: 40/50rem;
        border-radius: 5/50rem;
        text-align: center;
        line-height: 40/50rem;
        display: inline-block;
        vertical-align: middle;
        font-size: 18/50rem;
        margin-right: 24/50rem;
      }

      a.on {
        background: #ff5438;
        border: 0 !important;
        color: #fff;
      }

      .m-a {
        background: #fff;
        border: 1px solid rgb(229, 229, 229);
        color: #a0a0a0;
      }
    }

    .bottom {
      margin-top: 16/50rem;

      p {
        line-height: 1.8;
        font-size: 22/50rem;
      }

      .admin-reply {
        background: #f7f7f7;
        padding: 15/50rem;
        color: rgb(160, 160, 160);
        position: relative;
        margin-top: 15/50rem;
      }

      .admin-reply:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 8/50rem solid transparent;
        border-right: 8/50rem solid transparent;
        border-bottom: 15/50rem solid #f7f7f7;
        position: absolute;
        top: -15/50rem;
        left: 15/50rem;
      }

      //去评价
      .pingjia-con {
        width: 100%;
        height: 192/50rem;
        padding: 16/50rem;
        font-size: 22/50rem;
        border: 1px solid rgb(229, 229, 229);
      }

    }
  }

  //去评价
  .bottom-tj {
    padding: 32/50rem 32/50rem 0;

    .left {
      float: left;
      margin-top: 10/50rem;

      .checkBox, p {
        float: left;
        font-size: 28/50rem;
      }

      p {
        color: #a0a0a0;
      }

      .checkBox {
        width: 28/50rem;
        height: 28/50rem;
        border-radius: 5/50rem;
        border: 1px solid #ccc;
        margin-right: 16/50rem;
        margin-top: 7/50rem;
        text-align: center;
        line-height: 28/50rem;

        i {
          display: none;
        }
      }

      span.on {
        background: #ff5722;
        border: 0;

        i {
          color: #fff;
          font-size: 14/50rem;
          display: block;
        }
      }
    }

    .right {
      float: right;

      input {
        width: 160/50rem;
        height: 64/50rem;
        border-radius: 50/50rem;
        background: #ff5722;
        box-shadow: 0 0 20/50rem #fcb6a0;
        text-align: center;
        line-height: 64/50rem;
        color: #fff;
        border: 0;
      }
    }

  }

}


//作品详情
.works-content {
  .works-top {
    background: #000;

    p {
      font-size: 50/50rem;
      color: #fff;
    }
  }

  .works-order-icon {
    padding: 20/50rem 32/50rem;
    background: #fff;
    font-size: 0;

    .left-btn {
      float: left;
      background: #ff5722;
      padding: 8/50rem 20/50rem;
      border-radius: 5/50rem;
      text-align: center;

      a {
        color: #fff;
        font-size: 18/50rem;
      }
    }

    .works-icon {
      float: right;
      font-size: 0;

      dl {
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        margin-right: 32/50rem;

        dt, dd {
          display: inline-block;
          vertical-align: middle;
          font-size: 22/50rem;
          color: #a0a0a0;
        }

        dt {
          i {
            font-size: 26/50rem;
            margin-right: 10/50rem;
          }
        }

        dd {
          position: relative;

          .smgz-pic {
            width: 255/50rem;
            position: absolute;
            top: 60/50rem;
            left: -180/50rem;

            .bdsharebuttonbox {
              a {
                width: 18/50rem;
                height: 34/50rem;
                margin: 0 16/50rem 16/50rem 0;
              }
            }
          }
        }
      }

      dl:last-child {
        margin-right: 0;
      }

      dl.on {
        dt, dd {
          color: #ff5722;
        }
      }
    }
  }
}


//底部版权信息
.footwrap {
  width: 100%;
  max-width: 750px;
  padding: 32/50rem;
  margin-bottom: 110/50rem;
  background: #282828;
  position: relative;
  bottom: 0;

  .top {
    .logo,
    .text {
      float: left;
    }

    .logo {
      width: 96/50rem;
      height: 32/50rem;
      margin: 5/50rem 50/50rem 0 0;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .text {
      margin-top: 7/50rem;

      ul {
        li {
          float: left;
          margin-right: 30/50rem;

          a {
            color: rgb(160, 160, 160);
            font-size: 18/50rem;
          }
        }

        li:last-child {
          margin-right: 0;
        }
      }
    }
  }

  .bottom {
    color: rgb(160, 160, 160);
    margin-top: 32/50rem;
    text-align: center;

    p {
      font-size: 14/50rem;
    }
  }
}


//底部导航栏模态窗
.bs-example-modal-lianxi {
  .modal-dialog {
    .modal-content {
      padding: 72/50rem 60/50rem 64/50rem;
      font-size: 0;
      text-align: center;

      h3 {
        font-size: 28/50rem;
      }

      p {
        font-size: 20/50rem;
        color: rgb(160, 160, 160);
        margin-top: 32/50rem;
      }

      .btn {
        width: 192/50rem;
        margin-top: 70/50rem;
        display: inline-block;
        vertical-align: middle;
        margin-right: 48/50rem;
      }
    }
  }

}

.bs-example-modal-erweima {
  .modal-dialog {
    .modal-content {
      text-align: center;

      .erweima-con {
        .left-text {
          width: 62%;
          float: left;
          text-align: left;

          li {
            font-size: 24/50rem;
          }
        }

        .right-img {
          width: 160/50rem;
          height: 160/50rem;
          float: right;
          font-size: 20/50rem;

          img {
            width: 100%;
            height: 100%;
          }
        }
      }

      .btn {
        width: 192/50rem;
        margin-top: 70/50rem;
        display: inline-block;
        vertical-align: middle;
        margin-right: 48/50rem;
      }
    }
  }
}


.bs-example-modal-login {
  .modal-content {
    position: relative;
    padding: 150/50rem 70/50rem 64/50rem !important;
    text-align: center;

    .my-img {
      position: absolute;
      top: -80/50rem;
      left: 50%;
      margin-left: -123/50rem;
      width: 246/50rem;
      height: 232/50rem;
    }

    h3 {
      font-size: 40/50rem;
    }

    p {
      font-size: 28/50rem;
      color: rgb(160, 160, 160);
      margin-top: 15/50rem;
    }

    .btn {
      margin-top: 40/50rem !important;
    }

    .register {
      color: #ff5722;
      font-size: 28/50rem;
      margin-top: 40/50rem;
      display: block;
    }
  }
}


//底部导航栏
.foot-nav {
  width: 100%;
  max-width: 750px;
  height: 110/50rem;
  background: #fff;
  padding: 15/50rem 0;
  display: flex;
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;

  dl {
    flex: 4;
    text-align: center;

    dt {
      i {
        background: url(../img/icon/lianxi-icon.png) no-repeat;
        background-size: 100%;
        width: 38/50rem;
        height: 38/50rem;
        display: inline-block;
      }
    }

    dd {
      font-size: 24/50rem;
    }
  }

  dl.on {
    dt {
      i {
        background: url(../img/icon/lianxi-icon-on.png) no-repeat;
        background-size: 100%;
      }
    }
  }

  dl:nth-child(2) {
    dt {
      i {
        background: url(../img/icon/zixun-icon.png) no-repeat;
        background-size: 100%;
      }
    }
  }

  dl:nth-child(2).on {
    dt {
      i {
        background: url(../img/icon/zixun-icon-on.png) no-repeat;
        background-size: 100%;
      }
    }
  }

  dl:nth-child(3) {
    dt {
      i {
        background: url(../img/icon/wx-icon.png) no-repeat;
        background-size: 100%;
      }
    }
  }

  dl:nth-child(3).on {
    dt {
      i {
        background: url(../img/icon/wx-icon-on.png) no-repeat;
        background-size: 100%;
      }
    }
  }

  dl:nth-child(4) {
    dt {
      i {
        background: url(../img/icon/my-icon.png) no-repeat;
        background-size: 100%;
      }
    }
  }

  dl:nth-child(4).on {
    dt {
      i {
        background: url(../img/icon/my-icon-on.png) no-repeat;
        background-size: 100%;
      }
    }
  }
}


//登录
.loginwrap {
  .login-title {
    background: #ff5722;
    height: 88/50rem;
    padding: 0 32/50rem;
    line-height: 88/50rem;

    a {
      color: #fff;
      font-size: 30/50rem;
    }
  }

  .login-con {
    padding: 0 75/50rem;
    overflow: hidden;

    h3 {
      font-size: 32/50rem;
      text-align: center;
      margin-top: 112/50rem;
    }

    .logo, .logo-text {
      margin: 0 auto;
    }

    .logo {
      width: 208/50rem;
      margin: 102/50rem auto 24/50rem;

      img {
        width: 100%;
      }
    }

    .logo-text {
      width: 318/50rem;

      img {
        width: 100%;
      }
    }

    .login-input {
      margin-top: 48/50rem;

      .login-text {
        background: #fafafa;
        border-radius: 5/50rem;
        width: 100%;
        height: 80/50rem;
        margin-bottom: 16/50rem;
        line-height: 80/50rem;

        .left, .right {
          float: left;
          font-size: 28/50rem;
        }

        .left {
          width: 30%;
          padding-left: 16/50rem;
          margin-right: 1%;
        }

        .right {
          width: 68%;
          height: 100%;

          input {
            background: #fafafa;
            border: 0;
            width: 100%;
            height: 100%;
            outline: none;
            font-size: 26/50rem;
          }
        }
      }

      .verify-text {
        .login-text {
          width: 67%;

          .left {
            width: 45%;
          }

          .right {
            width: 54%;
          }
        }

        .verify-btn {
          width: 30%;
          height: 80/50rem;
          background: #ff5722;
          color: #fff;
          font-size: 28/50rem;
          text-align: center;
          line-height: 80/50rem;
          float: right;
          border-radius: 5/50rem;
          border: 0;
        }
      }

      .error {
        font-size: 24/50rem;
        color: rgb(255, 73, 64);
        text-align: right;
      }
    }

    .register-input {
      input {
        width: 100%;
        height: 100%;
        border: 0;
        background: #fafafa;
        padding-left: 16/50rem;
        font-size: 26/50rem;
      }

      p {
        font-size: 14/50rem;
        color: rgb(160, 160, 160);
      }
    }

    .login-link {
      margin-top: 20/50rem;

      .checkBox, p, a {
        float: left;
        font-size: 28/50rem;
      }

      .checkBox {
        width: 28/50rem;
        height: 28/50rem;
        border-radius: 5/50rem;
        border: 1px solid #ccc;
        margin-right: 16/50rem;
        margin-top: 7/50rem;
        text-align: center;
        line-height: 28/50rem;

        i {
          display: none;
        }
      }

      span.on {
        background: #ff5722;
        border: 0;

        i {
          color: #fff;
          font-size: 14/50rem;
          display: block;
        }
      }
    }

    .submit {
      background: #ff5722;
      color: #fff;
      text-align: center;
      line-height: 88/50rem;
      width: 100%;
      height: 88/50rem;
      border-radius: 50/50rem;
      border: 0;
      box-shadow: 0 0 15/50rem #ffd5c8;
      margin-top: 32/50rem;
      font-size: 30/50rem;
    }

    .iphone {
      font-size: 28/50rem;
      color: #ff5722;
      margin-top: 32/50rem;
      display: inline-block;
    }
  }
}


//搜索页
.historywrap {
  padding: 40/50rem 32/50rem 0;

  .history {
    h3 {
      font-size: 32/50rem;
      margin: 40/50rem 0 30/50rem;
    }

    ul {
      li {
        font-size: 24/50rem;
        color: rgb(160, 160, 160);
        width: 50%;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 18/50rem;
      }
    }
  }
}


//找回密码
.retrieve-password {
  padding: 0 32/50rem !important;

  .top {
    margin-top: 48/50rem;
    font-size: 0;

    dl {
      width: 225/50rem;
      text-align: center;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5/50rem;

      dt {
        width: 100%;
        height: 16/50rem;
        background: #a0a0a0;
        margin-bottom: 8/50rem;
      }

      dd {
        font-size: 22/50rem;
        color: #a0a0a0;
      }
    }

    dl:nth-child(1) {
      dt {
        border-radius: 50/50rem 0 0 50/50rem;
      }
    }

    dl:last-child {
      margin-right: 0;

      dt {
        border-radius: 0 50/50rem 50/50rem 0;
      }
    }
  }

  .login-input, .bootom-btn {
    padding: 0 43/50rem;
  }

  .tishi {
    font-size: 26/50rem;
    color: #a0a0a0;
    padding: 0 43/50rem;
    margin-top: 48/50rem;
  }

  .success {
    font-size: 20/50rem;
    color: #ff5a34;
    text-align: center;
    margin-top: 40/50rem;

    i {
      font-size: 26/50rem;
      margin-right: 5/50rem;
    }
  }
}

.mySet-tab-con {
  display: none;
}


//安全设置修改密码
.verify-input {
  .message-input, .verify-btn {
    display: inline-block;
    vertical-align: middle;
  }

  .message-input {
    width: 328/50rem;
  }

  .verify-btn {
    width: 192/50rem;

    .get-own-sms-code {
      border-radius: 50/50rem;
      border: 1px solid #ff5722;
      color: #ff5722;
      font-size: 26/50rem;
      width: 100%;
      height: 68/50rem;
      margin-top: 24/50rem;
      background: #fff;
    }

    ::-webkit-input-placeholder {
      color: #ff5722;
    }

  }
}


//套餐表格
.setMeal-title {
  width: 1720/50rem;
}

.fw_content_tablewrap {
  width: 1720/50rem;
  overflow-x: auto;

  .fw_content_table {
    .fw_content_table_title {
      height: 80/50rem;
      border-bottom: 1px solid #ccc;

      ul {
        li {
          width: 350/50rem;
          height: 80/50rem;
          float: left;
          line-height: 80/50rem;
          text-align: center;
          position: relative;
          font-size: 22/50rem;

          img {
            position: absolute;
            top: 18/50rem;
            left: 50%;
            margin-left: -16/50rem;
            width: 27/50rem;
            height: 35/50rem;
          }
        }

        .li-one {
          width: 320/50rem;
        }
      }
    }

    //城市选择
    .fw_content_table_city {
      height: 90/50rem;

      ul {
        li {
          width: 350/50rem;
          height: 90/50rem;
          line-height: 90/50rem;
          text-align: center;
          float: left;
          font-size: 22/50rem;
        }

        .city-list {
          width: 320/50rem;
          position: relative;

          select {
            -webkit-appearance: none;
            width: 100%;
            height: 100%;
            background: #ff8365;
            color: #fff;
            padding: 0 50/50rem;
            border: 0;
            font-size: 28/50rem;
            border-radius: 0;

            option {
              background: #fff;
              color: #333;
            }
          }

          .city-jt {
            width: 0;
            height: 0;
            border-left: 10/50rem solid transparent;
            border-right: 10/50rem solid transparent;
            border-top: 20/50rem solid #fff;
            position: absolute;
            top: 35/50rem;
            right: 30/50rem;
            z-index: 10;
          }

        }

        .cityName {
          font-size: 28/50rem;
          font-weight: bold;
          color: #ff8365;
        }
      }
    }

    .tab_conwrap {
      .tab_con {
        .tab_con_left, .tab_con_right {
          float: left;
          border-collapse: collapse;
        }

        //左侧目录
        .tab_con_left {
          width: 320/50rem;

          .setMeal-th {
            line-height: 98/50rem;
          }

          th, td {
            display: inline-block;
            vertical-align: middle;
            font-size: 22/50rem;
            width: 50%;
            text-align: center;
          }

          th {
            font-weight: normal;
            height: 70/50rem;
            line-height: 70/50rem;
          }

          td {
            span {
              display: block;
              line-height: 70/50rem;
              height: 70/50rem;
            }
          }
        }

        //右侧内容
        .table_right_parent {
          height: 1470/50rem;
          overflow-x: auto;
          display: block;
        }

        .tab_con_right {
          width: 1400/50rem;

          tr:nth-child(2n) {
            background: #fafafa;
          }

          td {
            width: 350/50rem;
            height: 70/50rem;
            line-height: 70/50rem;
            text-align: center;
            font-size: 20/50rem;

            i {
              font-size: 22/50rem;
            }

            a {
              background: #a0a0a0;
              color: #fff;
              border-radius: 50px;
              width: 180/50rem;
              height: 50/50rem;
              display: inline-block;
              line-height: 50/50rem;
            }

            a.on {
              background: #ff8365;
            }

            span {
              display: block;
            }
          }
        }
      }

      .beizhu {
        background: #fafafa;
        padding: 20/50rem 0;
        height: 200/50rem;

        .left-li {
          width: 320/50rem;
          text-align: center;
          line-height: 170/50rem;
        }

        .right-li {
          width: 1400/50rem;

        }

        li {
          float: left;
          box-sizing: border-box;
          font-size: 22/50rem;

          p {
            line-height: 1.8;
            font-size: 22/50rem;
          }
        }
      }
    }


  }
}

/*选择城市*/
.city-content {
  position: relative;

  .title {
    .position, .city-top {
      padding: 32/50rem;
    }

    .position {
      font-size: 30/50rem;
    }

    .city-top {
      font-size: 28/50rem;
      padding-top: 0;
    }
  }

  .city-list {
    background: #fff;

    .city-choice-top {
      padding: 32/50rem;
      border-bottom: 1px solid #fafafa;
    }

    ul {
      li {
        padding: 32/50rem;
        font-size: 26/50rem;
        border-bottom: 1px solid #fafafa;
      }
    }
  }

  .right-nav {
    position: fixed;
    top: 208/50rem;
    right: 16/50rem;

    ul {
      li {
        width: 88/50rem;
        font-size: 24/50rem;
        color: rgb(160, 160, 160);
        text-align: center;
        margin: 6/50rem 0;

        a {
          color: rgb(160, 160, 160);
        }
      }
    }
  }
}

.foot-box{
  position: relative;
  height: 330/50rem;
  width: 100%;
  bottom:0;
}

//我想拍弹框
.bs-example-modal-paishe {
  .modal-content {
    background: #fff;
    border-radius: 5px;
    width: 600/50rem;
    height: 653/50rem;

    h3 {
      font-size: 36/50rem;
      font-weight: bold;
      margin-bottom: 16/50rem;
    }

    input[type="text"] {
      width: 100%;
      height: 56/50rem;
      border: 0;
      background: #fafafa;
      font-size: 22/50rem;
      padding-left: 16/50rem;
      border-radius: 5/50rem;
      margin-bottom: 16/50rem;
      outline: none;
    }

    .xp-textarea {
      height: 219/50rem !important;
      border: 0 !important;
      background: #fafafa;
      font-size: 14/50rem;
      outline: none;
    }

    .bottom-btn {
      text-align: center;
      margin-top: 18/50rem;

      .xp-btn {
        width: 192/50rem;
        height: 64/50rem;
        border-radius: 5/50rem;
        text-align: center;
        line-height: 64/50rem;
        color: #fff;
        border: 0;
        background: #ff5722;
        margin-right: 88/50rem;
        font-size: 16/50rem;
      }
    }
  }

}


//首页修改部分
.index-content {
  .index-con {
    .top {
      margin-bottom: 50/50rem;

      .left {
        font-size: 0;
        float: left;

        img,
        span {
          display: inline-block;
          vertical-align: middle;
        }

        img {
          width: 32/50rem;
          height: 32/50rem;
          margin: 5/50rem 16/50rem 0 0;
        }

        span {
          font-size: 36/50rem;
          color: rgb(51, 51, 51);
        }
      }
    }
  }

  .index-con-1 {
    padding: 50/50rem 32/50rem 0;

    .index-con-box {
      font-size: 0;
      padding: 0 40/50rem;

      dl {
        width: 150/50rem;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin-right: 78/50rem;

        dt {
          width: 130/50rem;
          height: 80/50rem;
          margin: 0 auto;

          img {
            width: 100%;
            height: 100%;
          }
        }

        dd {
          h3 {
            font-size: 24/50rem;
            margin-top: 20/50rem;
          }

          p {
            font-size: 20/50rem;
            line-height: 30/50rem;
            color: rgb(132, 132, 132);
          }
        }
      }

      dl:last-child {
        margin-right: 0;
      }
    }

    .big-btn {
      width: 280/50rem;
      height: 63/50rem;
      text-align: center;
      line-height: 56/50rem;
      background: url(../img/big-btn.png) no-repeat;
      background-size: 100%;
      display: block;
      font-size: 26/50rem;
      margin: 50/50rem auto 0;
      color: #fff;
    }
  }

  .index-con-2 {
    padding: 50/50rem 32/50rem 0;
    background: #fafafa;

    .index-con-box {
      margin-top: 50/50rem;
      font-size: 0;

      ul {
        font-size: 0;

        li {
          width: 331/50rem;
          height: 252/50rem;
          text-align: center;
          margin: 0 24/50rem 24/50rem 0;
          background: url(../img/index-li-bg-1.jpg) no-repeat;
          background-size: cover;
          position: relative;
          border-radius: 5/50rem;
          overflow: hidden;
          color: #fff;
          display: inline-block;
          vertical-align: top;

          .modle {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            padding: 32/50rem 16/50rem;

            h4 {
              font-size: 24/50rem;
              margin-bottom: 10/50rem;
            }

            p {
              font-size: 20/50rem;
              text-align: left;
            }
          }
        }

        li:nth-child(2n) {
          margin-right: 0;
        }

        li:nth-child(2) {
          background: url(../img/index-li-bg-2.jpg) no-repeat;
          background-size: cover;
        }

        li:nth-child(3) {
          background: url(../img/index-li-bg-3.jpg) no-repeat;
          background-size: cover;
        }

        li:nth-child(4) {
          background: url(../img/index-li-bg-4.jpg) no-repeat;
          background-size: cover;
        }

        li:nth-child(5) {
          background: url(../img/index-li-bg-5.jpg) no-repeat;
          background-size: cover;
        }

        li:nth-child(6) {
          background: url(../img/index-li-bg-6.jpg) no-repeat;
          background-size: cover;
        }
      }
    }
  }

  .index-con-3 {
    padding: 50/50rem 32/50rem 0;

    .index-con-box {
      margin-top: 50/50rem;
      font-size: 0;

      img {
        width: 100%;
      }
    }
  }

  .index-con-4 {
    padding: 50/50rem 32/50rem;
    background: #fafafa;

    .index-con-box {
      font-size: 0;

      dl {
        width: 212/50rem;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin-right: 24/50rem;
        background: #fff;
        border-top: 10/50rem solid #ff5722;
        border-radius: 5/50rem;

        dt {
          width: 60/50rem;
          height: 70/50rem;
          margin: 32/50rem auto 5/50rem;

          img {
            width: 100%;
            height: 100%;
          }
        }

        dd {
          h3 {
            font-size: 24/50rem;
            margin-top: 20/50rem;
          }

          p {
            font-size: 20/50rem;
            line-height: 30/50rem;
            color: rgb(132, 132, 132);
          }
        }
      }

      dl:last-child {
        margin-right: 0;
      }
    }
  }

  .index-con-5 {
    width: 100%;
    max-width: 750px;
    background: url(../img/index-box-5-bg.png) no-repeat;
    background-size: cover;
    color: #fff;
    padding: 50/50rem 32/50rem;

    .index-con-box {
      .row-con {
        margin-bottom: 24/50rem;

        .row-con-top {
          font-size: 0;

          img, h4 {
            display: inline-block;
            vertical-align: top;
          }

          img {
            width: 32/50rem;
            height: 32/50rem;
            margin-right: 16/50rem;
          }

          h4 {
            font-size: 24/50rem;
          }
        }

        .row-con-bottom {
          p {
            font-size: 22/50rem;
            line-height: 33/50rem;
          }
        }
      }

      .row-con:last-child {
        margin-bottom: 0;
      }
    }
  }
}


//关于我们
.private-navwrap {
  .about-nav {
    display: flex;

    .left, .center, .right {
      flex: 3;
    }

    .center {
      border-left: 1px solid #ff5722;
      border-right: 1px solid #ff5722;
      text-align: center;
      line-height: 54/50rem;
      font-size: 24/50rem;
      display: inline-block;
      vertical-align: middle;
    }
  }
}